<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head th:include="common/front_head :: htmlhead">
<body class="met-navfixed">

<nav th:replace="common/front_head :: nav"></nav>
<div class="met-banner " data-height='300||'>
    <div class="slick-slide">
        <img class="cover-image" th:src="@{/static/images/usershow.jpg}" sizes="(max-width: 767px) 500px" alt="">
        <div class="banner-text p-5">
            <div class='container'>
                <div class='banner-text-con'>
                    <div>
                        <h2 th:text="${title}"></h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="met-column-nav product-search-body bordernone">
    <div class="container">
        <div class="row">
            <div class="col-md-9 sidebar_tile">
                <ul class="met-column-nav-ul">
                    <li>
                        <a th:href="@{/front/usershow(type='hyfc',pagenum=1)}" title="会员风采" class="link">会员风采</a>
                    </li>
                    <li>
                        <a th:href="@{/front/usershow(type='bwgzt',pagenum=1)}" title="博物馆展厅" class="link">博物馆展厅</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="met-product animsition type-1" th:if="${type} eq 'hyfc'">
    <div class="container">
        <div class='row'>
            <ul class="blocks-2 blocks-sm-2 blocks-md-4 blocks-xlg-4  met-page-ajax" >
                <li th:each="union,unionStat : ${unionlist}">
                    <div class="widget widget-shadow">
                        <figure class="widget-header cover">
                            <a th:href="@{/front/vipdetail(type=${type},id=${union.id})}" th:title="${union.username}" target='_self'>
                                <div class="mask">
                                </div>
                                <img class="cover-image" th:src="${union.picid}" style='height:200px;'>
                            </a>
                        </figure>
                        <h4 class="widget-title">
                            <a th:href="@{/front/vipdetail(type=${type},id=${union.id})}" th:title="${union.username}" th:text="${union.username}" target='_self'></a>
                            <p></p>
                        </h4>
                    </div>
                </li>
            </ul>

            <div class='met_pager' style="margin: 5px 0;">
                <div class='met_pager'>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.prePage})}" th:if="${page.pageNum} gt 1">上一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=1)}" th:unless="${page.pageNum} gt 1">上一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.nextPage})}" th:if="${page.pageNum} lt ${page.pages}"}>下一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.pages})}" th:unless="${page.pageNum} lt ${page.pages}"}>下一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=1)}">首页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.pages})}">末页</a>
                    <a class='Ahover ms-Ahover' th:text="${'当前：'+page.pageNum}"></a>
                    <a class='Ahover ms-Ahover' th:text="${'总页：'+page.pages}"></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="met-product animsition type-1" th:unless="${type} eq 'hyfc'">
    <div class="container">
        <div class='row'>
            <ul class="blocks-2 blocks-sm-2 blocks-md-4 blocks-xlg-4  met-page-ajax" >
                <li th:each="member,memberStat : ${memberlist}">
                    <div class="widget widget-shadow" >
                        <figure class="widget-header cover" >
                            <a th:href="@{/front/vipdetail(type=${type},id=${member.id})}" th:title="${member.name}" target='_self'>
                                <div class="mask">
                                </div>
                                <img class="cover-image" th:src="${member.picid}" style='height:200px;'>
                            </a>
                        </figure>
                        <h4 class="widget-title">
                            <a th:href="@{/front/vipdetail(type=${type},id=${member.id})}" th:title="${member.name}" th:text="${member.name}" target='_self'></a>
                            <p></p>
                        </h4>
                    </div>
                </li>
            </ul>

            <div class='met_pager' style="margin: 5px 0;">
                <div class='met_pager'>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.prePage})}" th:if="${page.pageNum} gt 1">上一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=1)}" th:unless="${page.pageNum} gt 1">上一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.nextPage})}" th:if="${page.pageNum} lt ${page.pages}"}>下一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.pages})}" th:unless="${page.pageNum} lt ${page.pages}"}>下一页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=1)}">首页</a>
                    <a class='Ahover' th:href="@{/front/usershow(type=${type},pagenum=${page.pages})}">末页</a>
                    <a class='Ahover ms-Ahover' th:text="${'当前：'+page.pageNum}"></a>
                    <a class='Ahover ms-Ahover' th:text="${'总页：'+page.pages}"></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:replace="common/front_head :: footnav"></div>
<footer th:replace="common/front_head :: footer"></footer>

<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide">
    <i class="iconfont" aria-hidden="true">&#xe608;</i>
</button>
<script th:src="@{/static/js/metinfo.js}"></script>
<script>
    $(".navbar-nav>li").eq(2).addClass("active").find("a").addClass("link").addClass("active");
</script>
</body>
</html>